import React, { Component } from 'react';
import {MyOrderStyled} from 'styled/My/MyOrderStyled.js'

class MyOrder extends Component {
    constructor(){
        super()
        this.state={
            orderData:[
                {dataId:0,title:'代付款',icon:'iconfont icon-daizhifu'},
                {dataId:1,title:'带发货',icon:'iconfont icon-1111114'},
                {dataId:2,title:'待收货',icon:'iconfont icon-daifahuo'},
                {dataId:3,title:'评价',icon:'iconfont icon-pingjia'},
                {dataId:4,title:'售后',icon:'iconfont icon-shouhou'}
            ]
        }
    }
    render() {
        return (
            <MyOrderStyled>
                <header>
                    <h2>我的订单</h2>
                    <p><span>查看全部</span><i className='iconfont icon-icon'></i></p>
                </header>
                <div>
                    {
                        this.state.orderData.map((item,index)=>{
                            return (
                                <p key={item.dataId}>
                                    <i className={item.icon}></i>
                                    <span>{item.title}</span>
                                </p>
                            )
                        })
                    }
                </div>
            </MyOrderStyled>
        );
    }
}

export default MyOrder;